<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
   		 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<title>经销商登录</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
	</head>
	<style type="text/css">
		.bnh-login-coontainer{text-align: center}
		.bnh-logo{width: 3.84rem;height: auto;margin-left:1.8rem;margin-top: 1.47rem;margin-bottom: 0.78rem}
		.bnh-login-box{height:2.4rem;width: 6.9rem;margin: 0 auto;background: #fffbf6}
		.bnh-telBox{height: 1.2rem;}
		.bnh-telBox > img{width: 0.4rem;height: auto;margin-left:0.3rem;margin-right: 0.3rem}
		.bnh-telBox > input{border: 0;font-size: 0.32rem;height: 0.6rem;padding-left: 0.2rem;background:#fffbf6;}
		.bnh-readBox{height: 0.5rem;width: 6.26rem;margin: 0 auto;margin-top: 0.3rem;line-height: 0.5rem}
		.bnh-readBox img{height: 0.3rem;width: auto}
		.bnh-readBox p{font-size: 0.3rem;color: #cccccc;margin-left: 0.14rem}
		.bnh-login-btn{height: 0.95rem;width: 7rem;margin: 0 auto;border-radius: 25px;background: #ffaf3c;color: #fff;font-size: 0.32rem;margin-top: 0.66rem}
		.wechat-login-box{height: 1.08rem;width: 100%;margin:0 auto;margin-top: 0.4rem;width:3rem}
		.wechat-login-box img{height: 0.66rem;width: auto}
		.wechat-login-box p{margin-left: 0.2rem}
		.onRead{color: #000 !important;}
		.bnh-cw-btn{margin-top: 0.4rem;background: #fff;border:1px solid #ffaf3c;color: #ffaf3c}
		/*协议*/
	</style>
	<body>
 <div class="bnh-login-container">
    <img class="bnh-logo" src="../img/login.png">
    <!-- 登录框 -->
    <div class="bnh-login-box">
        <div class="bnh-telBox border flex flex-align-center">
            <img src="../img/login-tel.png">
            <input type="number" placeholder="请输入您的手机号" >
        </div>
         <div class="bnh-telBox flex flex-align-center">
            <img src="../img/login-password.png">
            <input type="password" placeholder="请输入密码" >
        </div>
    </div>
    <!-- 服务商协议及忘记密码 -->
    <div class="bnh-readBox flex flex-align-center">
        <img src="../img/read.png" alt="">
        <p class="onRead">同意《服务商服务协议》</p>
        <p style="color:#535353;margin-left: 0.8rem" >忘记密码？</p>
    </div>
    <!-- 登录按钮 -->
    <div class="bnh-login-btn flex flex-align-center flex-pack-center">
        <p>登录</p>
    </div>
    <!-- 申请成为经销商 -->
    <div class="bnh-login-btn flex flex-align-center flex-pack-center bnh-cw-btn">
        <p>申请成为服务商</p>
    </div>
    <!-- 微信登录 -->
    <div class="wechat-login-box flex flex-align-center flex-pack-center">
        <img src="../img/wechat-login.png">
        <p>微信登录</p>
    </div>
  </div>
	</body>
	<script type="text/javascript" src="../js/rem.js"></script>
</html>
